<template>
	<view>
		<view style="position: fixed;width: 750rpx;z-index: 10;padding: 0rpx 32rpx;background: #FFFFFF;margin-top: 30rpx;">
		 <u-search placeholder="搜索联系人" v-model="keyword" :show-action="false" :height="68"></u-search>
		</view>
		<view style="width: 750rpx;height: 100rpx;"></view>
		<view style="margin-top: 28rpx;">
		<u-gap height="16" bg-color="#F2F1F6"></u-gap>
		</view>
		
		<view class="allwrap">
		<view class="flexal" style="margin-top: 28rpx;">
			<view style="font-size: 36rpx;color: #000000;">深圳市XXX公司</view>
			<image src="/static/right.png" style="width: 14rpx;height: 24rpx;margin-left: 22rpx;margin-right: 22rpx;"></image>
			<view  class="title-text">商务部（6）</view>
			<image src="/static/right.png" style="width: 14rpx;height: 24rpx;margin-right: 22rpx;"></image>
			<view class="title-text">二级名称（6）</view>
		</view>
		<scroll-view id="scrollview" class="chat-window" scroll-y="true" :style="{height: (clientHeight-40) + 'px'}"
		:scroll-with-animation="scrollAnimation">
			<view class="frame-item flexal" v-for="(item,index) in list" :key="index" @click="go('/pages6/homePage/homePage')">
				<image :src="item.avatar" class="frame-icon"></image>
				<view class="item-text">{{item.name}}</view>
			</view>
		</scroll-view>
		</view>
		<!-- 电话提示滑动快 -->
		<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				avatar:'https://cdn.uviewui.com/uview/album/10.jpg',
				keyword:'',
				scrollAnimation:true,
				// 组织成员
				 list:[
					{
						name:'王小二',
						avatar:'https://cdn.uviewui.com/uview/album/1.jpg',
						checked:false
					},
					{
						name:'王小明',
						avatar:'https://cdn.uviewui.com/uview/album/2.jpg',
						checked:false
					},
					{
						name:'李二',
						avatar:'https://cdn.uviewui.com/uview/album/3.jpg',
						checked:false
					},
					{
						name:'张三',
						avatar:'https://cdn.uviewui.com/uview/album/4.jpg',
						checked:false
					},
					{
						name:'老四',
						avatar:'https://cdn.uviewui.com/uview/album/5.jpg',
						checked:false
					},
					{
						name:'王五',
						avatar:'https://cdn.uviewui.com/uview/album/6.jpg',
						checked:false
					},
					{
						name:'老六',
						avatar:'https://cdn.uviewui.com/uview/album/7.jpg',
						checked:false
					},
					{
						name:'老王',
						avatar:'https://cdn.uviewui.com/uview/album/8.jpg',
						checked:false
					},
					{
						name:'老李',
						avatar:'https://cdn.uviewui.com/uview/album/9.jpg',
						checked:false
					},
				],
			}
		},
		onLoad(option) {
			uni.setNavigationBarTitle({
					title:option.title
			});
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	.title-text{
		font-weight: 400;
		font-size: 26rpx;
		color: #000000;
	}
	.chat-window{
		// background: #000;
	}
	.frame-item{
		margin-top: 32rpx;
	}
	.frame-icon{
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
	}
	.item-text{
		margin-left: 24rpx;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
	}
</style>
